   *{
        padding: 0;
        margin: 0;
    }
    html {
        font-size: 100px;
        height: auto;
    }
    #app{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    .top{
        width: 90%;
        display: flex;
        background: #fff;
        margin: auto;
        align-items: center;
        height: 1.5rem;
        /* justify-content: center; */
    }
    .header-left{
        display: flex;
        align-items: center;
        width: 40%;
        justify-content: space-around;
    }
    .icon-back1{
             width: 10%;
    }
    a{
        text-decoration: none;
    }
    .switch-city{
        position: relative;
        display: block;
        font-size: 0.24rem;
        padding-right: 1rem;
        color: black;
    }
    .img{
        width: 0.20rem;
        height: 0.15rem;
        
    }
    .logo{
        width: 30%;
        display: flex;
        justify-content: center;
    }
    .img1{
        width: 150%;
        display: flex;
    }
    .header-right{
        width: 30%;
        display: flex;
        justify-content: flex-end;
    }
   .img3{
    width: 0.4rem;
    height: 0.35rem;
    display: flex;
    }
    /* 中间内容 */
    .middle{
        width: 90%;
        margin: auto;
    }
    .beike{
        position: relative;
        display: flex;
    }
    .search-icon{
        position: absolute;
        top: 0.22rem;
        height: 0.34rem;
        width: 0.34rem;
        display: inline-block;
        background-image: url(../img/sousuo.png);
        background-size: 100% 100%;
        z-index: 2;
        left: 0.3rem;
    }
    .search{
        z-index: 1;
        flex: 1 1;
        background: #fff;
        border: .5px solid rgba(0,0,0,.15);
        box-shadow: 0 20 15 0 rgba(0,0,0,.05);
        border-radius: 0.15rem;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        align-items: center;
        height: 0.8rem;
    }
    .search input{
        border: none;
        outline: none;
        width: 100%;
        height: 0.6rem;
        font-family: PingFangSC-Semibold;
        font-size: 0.32rem;
        color: #222;
        line-height: 1rem;
        padding-left: 0.8rem;
        display: flex;
    }
    /* 中间内容 */
    .beike-home{
        display: flex;
        width: 90%;
        margin: auto;
    }
    .top-sticky{
        overflow: hidden;
        position: -webkit-sticky;
        position: sticky;
        background: #fff;
        z-index: 10;
        top: -1px;
    }
    .select-types{
        height: 1rem;
        display: flex;
        justify-content: space-around;
        align-items: center;
        box-shadow: 0 0.53333vw 1.06667vw 0 rgba(0,0,0,.07);
        font-size: 0.24rem;
        color: #767676;
        letter-spacing: 0;
        text-align: center;
        line-height: 1rem;
    }
    .current-select{
        font-weight: 700;
        position: relative;
    }
    .select-span{
        display: inline-block;
        height: 100%;
        line-height: 1rem;
        white-space: nowrap;
        /* color: #767676; */
    }
    .more-root{
        white-space: nowrap;
        display: flex;
    }
    .more-icon{
        display: inline-block;
        width: 0.40rem;
        height: 1rem;
        background: url(../img/right.png) no-repeat 50%/100%;
        position: relative;
    }
/* 准备买房 */
    .kandian-home__card{
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }
    .inline-block{
        display: inline-block;
    }
    .single-card{
        flex-shrink: 0;
        width: 1.8rem;
        height: 1.45rem;
        border: .5px solid #ced1d6;
        box-shadow: 0.5px 0.53333vw 1.33333vw 0 rgba(0,0,0,.05);
        border-radius: 0.2rem;
        text-align: center;
        display: inline-flex;
        flex-direction: column;
        box-sizing: content-box;
        display: flex;
        justify-content: center;
    }
    .card-name{
        font-family: PingFangSC-Semibold;
        font-size: 0.32rem;
        font-weight: 600;
        height: 20px;
        line-height: 0.4rem;
    }
    .card-desc{
        color: #fff;
        background: red;
        height: 0.6rem;
        position: relative;
        bottom: -0.32rem;
    }
    .card-desc span{
        display: inline-block;
        white-space: nowrap;
        font-weight: 700;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-45%) scale(.75);
        transform: translate(-50%,-45%) scale(.75);
        -webkit-transform-origin: center;
        transform-origin: center;
        font-size: 0.26rem;
    }
    /* 标题 */
    .baike-list-card{
        display: flex;
        margin: 0 0.5rem;
        padding: 5.86667vw 0 5.33333vw;
        position: relative;
    }
    .baike-list-card .left{
        flex: 1 1;
    }
    .title{
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #222;
        font-family: PingFangSC-Semibold;
        font-size: 0.32rem;
        line-height: 0.5rem;
        margin: 0 0 1.86667vw;
    }
    .desc_one{
        font-family: PingFangSC-Light;
        font-size: 0.28rem;
        line-height: 0.5rem;
        margin: 0 0 3.2vw;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #222;
    }
    .right{
        margin: 0 0 0 3.46667vw;
        width: 21.86667vw;
        height: 21.86667vw;
    }
    .right .image{
        width: 100%;
        height: 100%;
    }
    .active{
        border-bottom: 1px solid red;
        color: #222;
    }
    .active_one{
        border-bottom: 1px solid aquamarine;
    }
   